﻿html { height: 100%; font-size: 62.5%; }
body { background-color: #ccc; line-height: 1.5; font-size: 1.1em; min-height: 100%; width: 985px; margin: 0 auto !important; background-color: #fff; }
#content { overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px; }


#header .lhs { float: left; }
#header .rhs { float: right; }
#header .bar .my-account, #header .bar .mini-basket, #header .bar .search { float: left; margin: 0 8px; }

#header .menu { margin: 0 0 5px 0; text-align: center; }
#header .menu li, #footer .menu li { list-style-type: none; font-weight: 600; }
#header .menu a, #footer .menu a { text-decoration: none; font-weight: 700;  }
#header .menu a.active, #footer .menu a.active { color: #000; }
#header .menu > li, #footer .menu > li { position: relative; display: inline-block; text-align: left; }
#header .menu ul li, #footer .menu ul li { padding: 5px 10px; }
#header .menu ul a, #footer .menu ul a { }
#header .menu ul, #footer .menu ul { background-color: #fff; list-style: none; margin: 0; padding: 0 50px 0 0; }
#header .menu li div, #footer .menu li div { display: none; position: absolute; left: -10px; z-index: 99; white-space: nowrap; line-height: 16px; }
#header .menu li:hover div, #footer .menu li:hover div { display: block; }
#header .menu dl, #footer .menu dl { margin: 0; }
#header .menu dt, #header .menu dd, #footer .menu dt, #footer .menu dd { margin: 5px 0 0 0; }
#header .menu dt, #footer .menu dt { color: #333; }

#header { padding: 10px 15px 0 15px; }
#header .bar a { text-decoration: none; }
#header .bar .greeting { padding-left: 10px; }
#header .bar .shipping { display: inline; margin-top: 5px; padding-left: 10px; }
#header .bar .shipping a { color: #999; text-decoration: underline; }
#header .bar .shipping a:hover { color: #000; }
#header .bar .currencies { display: block; }
#header .bar .currencies a { margin-right: 5px; }
#header .bar .currencies a.active { color: #000; font-weight: bold; }
#header .bar .my-account { padding-top: 8px; }
#header .bar .mini-basket { position: relative; }
#header .bar .mini-basket a.mini-basket-link { background-image: url("../Images/ShoppingBag.png"); background-position: center center; background-repeat: no-repeat; color: #fff; display: inline-block; font-size: 1.1em; height: 24px; line-height: 30px; text-align: center; width: 30px; }
#header .bar .mini-basket:hover a.mini-basket-link { background-image: url("../Images/ShoppingBagHover.png"); }
#header .bar .mini-basket .popup { left: -70px; display: none; z-index: 10000; position: absolute;  width: 270px; }
#header .bar .mini-basket:hover .popup { display: block; }
#header .bar .mini-basket.show .popup { display: block; }
#header .bar .mini-basket .box:before { content: ""; margin-top: 15px; position: absolute; top: -15px; right: 170px; bottom: auto; left: auto; border-width: 0 15px 15px; border-style: solid; border-color: #e7edeb #fff; display: block; width: 0; }
#header .bar .mini-basket .box { margin-top: 15px; padding: 10px; background-color: #e7edeb; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#header .bar .mini-basket .box { -moz-box-shadow: 4px 4px 4px #000; -webkit-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; }
#header .bar .mini-basket .box { -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.1); box-shadow: 4px 4px 4px rgba(0,0,0,0.1); }
#header .bar .mini-basket .box h3 { font-family: 'Times New Roman', Times, serif; font-weight: normal; margin: 0 0 10px; letter-spacing: 2px; font-size: 1.6em; text-align: center; }
#header .bar .mini-basket .page-info { position: absolute; font-family: 'Times New Roman', Times, serif; font-size: 1.2em; }
#header .bar .mini-basket .browse { cursor: pointer; display: block; background-repeat: no-repeat; background-position: center center; height: 14px; }
#header .bar .mini-basket .prev { background-image: url("../Images/MiniArrowUp.png"); }
#header .bar .mini-basket .next { background-image: url("../Images/MiniArrowDown.png"); }
#header .bar .mini-basket .browse.disabled { visibility: hidden; }
#header .bar .mini-basket .items { margin: 5px 0; background-color: #fff; overflow: hidden; height: 116px; }
#header .bar .mini-basket .items > div { overflow: hidden; height: 116px; padding: 8px; }
#header .bar .mini-basket .items > div img.product-image { margin-right: 10px; }
#header .bar .mini-basket .items > div h4.designer { font-family: 'Times New Roman', Times, serif; text-transform: uppercase; }
#header .bar .mini-basket .items > div p.description { font-family: 'Times New Roman', Times, serif; }
#header .bar .mini-basket .items > div span.quantity { display: block; }
#header .bar .mini-basket .items > div span.price { display: block; }
#header .bar .mini-basket .summary { }
#header .bar .mini-basket .summary dl { margin: 14px 0; padding: 0; overflow: hidden; }
#header .bar .mini-basket .summary dt { float: left; width: 60px; }
#header .bar .mini-basket .summary dd { float: left; color: #000; margin: 0 20px 0 0; }
#header .bar .mini-basket .proceed-button { margin-top: 12px; background-image: url("../Images/MiniBasketProceedToPurchaseButton.jpg"); width: 100%; height: 26px; }
#header .bar .mini-basket .continue-button { margin-top: 12px; background-image: url("../Images/MiniBasketContinueShoppingButton.jpg"); width: 100%; height: 26px; }

.search { padding-top: 8px; font-size: 1.1em; }
.search label { background-image: url("../Images/SearchIcon.png"); background-position: left center; background-repeat: no-repeat; padding: 3px 0 3px 20px; }
.search button { background-color: transparent; vertical-align: top; background-image: url("../Images/SearchInactive.jpg"); background-position: center center; background-repeat: no-repeat; border: medium none; cursor: pointer; height: 17px; width: 17px; }
.search button:hover { background-image: url("../Images/SearchActive.jpg"); }
.search input[type=text] { border: 0; border-bottom: 1px solid #ccc; width: 120px; }

#header .menu { margin: 0 0 5px 0; text-align: center; }
#header .menu > li > a { font-size: 1.1em; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; }
#header .menu > li { margin: 0 20px; }
#header .site-links { clear: both; position: relative; overflow: hidden; text-align: center; width: 66%; margin: 0 auto 6px auto; }
#header .site-links h1, #header .site-links h2 { margin: 0; }
#header .site-links a { text-decoration: none; font-size: 0px; overflow: hidden; }
#header .site-links a.active { color: #000; }
#header .site-links .mens { position: absolute; left: 50px; bottom: 0; width: 100px; height: 50px; background-image: url(../Images/MenInactive.png); background-repeat: no-repeat; }
#header .site-links .mens:hover, .mens #header .site-links .mens { background-image: url(../Images/MenActive.png); }
#header .site-links .matches { width: 240px; height: 50px; background-repeat: no-repeat; display: inline-block; margin-left: 2px; }
#header .site-links .womens { position: absolute; right: -25px; bottom: 0; width: 180px; height: 50px; background-image: url(../Images/WomenInactive.png); background-repeat: no-repeat;  }
#header .site-links .womens:hover, .womens #header .site-links .womens { background-image: url(../Images/WomenActive.png); }
#header .menu ul { margin-top: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#header .menu ul { -moz-box-shadow: 4px 4px 4px #000; -webkit-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; }
#header .menu ul { -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.05); box-shadow: 4px 4px 4px rgba(0,0,0,0.05); }

div.sub-header { margin: 0; padding: 0; }
div.sub-header .banner { font-family: 'Times New Roman', Times, serif; font-size: 1.3em; background-color: #ccc; text-align: center; padding: 2px 0px 0px 0px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; color: #fff; margin: 0; white-space: nowrap; text-overflow: ellipsis; }
div.content > img { vertical-align: bottom; }

#footer { padding: 10px; }
#footer .menu { margin: 0; padding: 0; }
#footer .nav { float: left; }
#footer .nav > li { margin-right: 30px; }
#footer .social { float: right; }
#footer .social > li { margin-left: 10px; }
#footer .menu > li { height: 1.2em; float: left; }
#footer .menu > li > a { font-size: 1.1em; }
#footer .menu div { bottom: 1.2em; }
#footer .menu ul { margin-bottom: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
#footer .menu ul { -moz-box-shadow: -4px -4px 4px #000; -webkit-box-shadow: -4px -4px 4px #000; box-shadow: -4px -4px 4px #000; }
#footer .menu ul { -moz-box-shadow: -4px -4px 4px rgba(0,0,0,0.05); -webkit-box-shadow: -4px -4px 4px rgba(0,0,0,0.05); box-shadow: -4px -4px 4px rgba(0,0,0,0.05); }
#footer .info { clear: both; padding-top: 30px; }
#footer .info .mission-statement { display: none; line-height: 15px; padding-top: 15px; }
#footer .info .mission-toggle { font-weight: bold; cursor: pointer; }
#footer .info .mission-snippet {  }

#footer .social > li:nth-child(1) > a { background-image: url("../Images/MobileIcon24.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; display: none; }
#footer .social > li:nth-child(2) > a { background-image: url("../Images/FacebookInactive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:nth-child(2) > a:hover { background-image: url("../Images/FacebookActive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:nth-child(3) > a { background-image: url("../Images/TwitterInactive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:nth-child(3) > a:hover { background-image: url("../Images/TwitterActive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:nth-child(4) > a { background-image: url("../Images/BlogInactive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:nth-child(4) > a:hover { background-image: url("../Images/BlogActive.png"); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; display: inline-block; }
#footer .social > li:last-child > a { line-height: 30px; margin-left: 14px; }
 
.breadcrumb { margin: 0; }
.breadcrumb li { display: inline-block; list-style-type: none; }
.breadcrumb li span { color: #000; }
.breadcrumb li a { text-decoration: none; }

/* employee */
#header .employee { margin-bottom: 20px; border: 3px solid lightBlue; }
#header .employee a.home { background-image: url("../Images/Home.png"); float: left; margin: 2px 8px 0 2px; width: 32px; height: 32px; }
#header .employee a.reload { background-image: url("../Images/Refresh.png"); float: right; margin: 2px 2px 0 0; width: 32px; height: 32px; }
#header .employee dt { display: inline-block; font-weight: bold; color: #333; }
#header .employee dd { display: inline-block; margin: 0 20px 0 5px; }

.employee-content-error { position: relative; }
.employee-content-error p { margin: 0; padding: 5px; }
.employee-content-error code { position: absolute; display: none; line-height: 1.5; z-index: 10000; }
.employee-content-error:hover code { display: block; background-color: #fff; border: 1px solid red; }

.pin{display:block; position:fixed !important; top:0 !important; z-index:1000; background: #fff !important; width: 956px !important;}